<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
    <link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
    <link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
    <link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
    <link href="stable/static/css/api.css" rel="stylesheet" type="text/css">
    <title>chrome.webNavigation - chrome插件中文开发文档(非官方)</title>
  </head>
  <body>
    <a id="top"></a>
    <div id="header">{Header content}</div>
    <a id="gc-topnav-anchor"></a>
    <div id="gc-topnav">
      <h1>Google Chrome Extensions</h1>
      <ul id="home" class="gc-topnav-tabs">
        <li id="home_link">
          <a href="index.html" title="Google Chrome Extensions home page"><div>Home</div></a>
        </li>
        <li id="docs_link">
          <a href="docs.html" title="Official Google Chrome Extensions documentation"><div>Docs</div></a>
        </li>
        <li id="faq_link">
          <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>FAQ</div></a>
        </li>
        <li id="samples_link">
          <a href="samples.html" title="Sample Extensions (with source code)"><div>Samples</div></a>
        </li>
        <li id="group_link">
          <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>Group</div></a>
        </li>
        <li id="so_link">
          <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>Questions?</div></a>
        </li>
      </ul>
    </div>
    <div id="gc-container">
      <div id="gc-sidebar">
        <ul 
            class="level1 ">
          <li class="level2">
                <a href="getstarted.html" class="level2 ">Getting Started</a>
          </li>
          <li class="level2">
                <a href="overview.html" class="level2 ">Overview</a>
          </li>
          <li class="level2">
                <a href="whats_new.html" class="level2 ">What's New?</a>
          </li>
          <li class="level2">
                <a href="devguide.html" class="level2 ">Developer's Guide</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser UI</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="browserAction.html" class="level4 ">Browser Actions</a>
                      </li>
                      <li class="level4">
                            <a href="contextMenus.html" class="level4 ">Context Menus</a>
                      </li>
                      <li class="level4">
                            <a href="notifications.html" class="level4 ">Desktop Notifications</a>
                      </li>
                      <li class="level4">
                            <a href="omnibox.html" class="level4 ">Omnibox</a>
                      </li>
                      <li class="level4">
                            <a href="options.html" class="level4 ">Options Pages</a>
                      </li>
                      <li class="level4">
                            <a href="override.html" class="level4 ">Override Pages</a>
                      </li>
                      <li class="level4">
                            <a href="pageAction.html" class="level4 ">Page Actions</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Browser Interaction</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="bookmarks.html" class="level4 ">Bookmarks</a>
                      </li>
                      <li class="level4">
                            <a href="cookies.html" class="level4 ">Cookies</a>
                      </li>
                      <li class="level4">
                            <a href="devtools.html" class="level4 ">Developer Tools</a>
                      </li>
                      <li class="level4">
                            <a href="events.html" class="level4 ">Events</a>
                      </li>
                      <li class="level4">
                            <a href="history.html" class="level4 ">History</a>
                      </li>
                      <li class="level4">
                            <a href="management.html" class="level4 ">Management</a>
                      </li>
                      <li class="level4">
                            <a href="tabs.html" class="level4 ">Tabs</a>
                      </li>
                      <li class="level4">
                            <a href="windows.html" class="level4 ">Windows</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Implementation</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="a11y.html" class="level4 ">Accessibility</a>
                      </li>
                      <li class="level4">
                            <a href="event_pages.html" class="level4 ">Event Pages</a>
                      </li>
                      <li class="level4">
                            <a href="contentSecurityPolicy.html" class="level4 ">Content Security Policy</a>
                      </li>
                      <li class="level4">
                            <a href="content_scripts.html" class="level4 ">Content Scripts</a>
                      </li>
                      <li class="level4">
                            <a href="xhr.html" class="level4 ">Cross-Origin XHR</a>
                      </li>
                      <li class="level4">
                            <a href="i18n.html" class="level4 ">Internationalization</a>
                      </li>
                      <li class="level4">
                            <a href="messaging.html" class="level4 ">Message Passing</a>
                      </li>
                      <li class="level4">
                            <a href="permissions.html" class="level4 ">Optional Permissions</a>
                      </li>
                      <li class="level4">
                            <a href="npapi.html" class="level4 ">NPAPI Plugins</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Finishing</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="hosting.html" class="level4 ">Hosting</a>
                      </li>
                      <li class="level4">
                            <a href="external_extensions.html" class="level4 ">Other Deployment Options</a>
                      </li>
                    </ul>
                </li>
              </ul>
          </li>
          <li class="level2">
                <a href="tutorials.html" class="level2 ">Tutorials</a>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="tut_migration_to_manifest_v2.html" class="level3 ">Manifest V2</a>
                </li>
                <li class="level3">
                      <a href="tut_debugging.html" class="level3 ">Debugging</a>
                </li>
                <li class="level3">
                      <a href="tut_analytics.html" class="level3 ">Google Analytics</a>
                </li>
                <li class="level3">
                      <a href="tut_oauth.html" class="level3 ">OAuth</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">Reference</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                    <a class="button level3">
                      <span class="level3">Formats</span>
                      <div class="toggleIndicator level3"></div>
                    </a>
                    <ul toggleable
                        class="level3 hidden">
                      <li class="level4">
                            <a href="manifest.html" class="level4 ">Manifest Files</a>
                      </li>
                      <li class="level4">
                            <a href="match_patterns.html" class="level4 ">Match Patterns</a>
                      </li>
                    </ul>
                </li>
                <li class="level3">
                      <a href="permission_warnings.html" class="level3 ">Permission Warnings</a>
                </li>
                <li class="level3">
                      <a href="api_index.html" class="level3 ">chrome.* APIs</a>
                </li>
                <li class="level3">
                      <a href="api_other.html" class="level3 ">Other APIs</a>
                </li>
              </ul>
          </li>
          <li class="level2">
                <span class="level2">More</span>
              <ul 
                  class="level2 ">
                <li class="level3">
                      <a href="http://code.google.com/chrome/webstore/docs/index.html" class="level3 ">Chrome Web Store</a>
                </li>
                <li class="level3">
                      <a href="http://code.google.com/chrome/apps/docs/developers_guide.html" class="level3 ">Hosted Apps</a>
                </li>
                <li class="level3">
                      <a href="themes.html" class="level3 ">Themes</a>
                </li>
              </ul>
          </li>
        </ul>
      </div>
      <div id="gc-pagecontent">
        <h1 class="page_title">chrome.webNavigation</h1>
        
        
        
        <div id="toc">
          <h2>Contents</h2>
          <ol>
            <li>
              <a href=#manifest>Manifest</a>
            </li>
            <li>
              <a href=#examples>Examples</a>
            </li>
            <li>
              <a href=#event_order>Event order</a>
            </li>
            <li>
              <a href=#relation_to_webRequest>Relation to webRequest events</a>
            </li>
            <li>
              <a href=#tab_ids>A note about tab IDs</a>
            </li>
            <li>
              <a href=#timestamps>A note about timestamps</a>
            </li>
            <li>
              <a href=#frame_ids>A note about frame and process IDs</a>
            </li>
            <li>
              <a href=#transition_types>Transition types and qualifiers</a>
            </li>
            <li>
              <a href="#apiReference">API reference: chrome.webNavigation</a>
              <ol>
                  
                  
                  <li><a href="#methods">Methods</a><ol>  <li><a href="#method-getFrame">getFrame</a></li>  <li><a href="#method-getAllFrames">getAllFrames</a></li></ol></li>
                  <li><a href="#events">Events</a><ol>  <li><a href="#event-onBeforeNavigate">onBeforeNavigate</a></li>  <li><a href="#event-onCommitted">onCommitted</a></li>  <li><a href="#event-onDOMContentLoaded">onDOMContentLoaded</a></li>  <li><a href="#event-onCompleted">onCompleted</a></li>  <li><a href="#event-onErrorOccurred">onErrorOccurred</a></li>  <li><a href="#event-onCreatedNavigationTarget">onCreatedNavigationTarget</a></li>  <li><a href="#event-onReferenceFragmentUpdated">onReferenceFragmentUpdated</a></li>  <li><a href="#event-onTabReplaced">onTabReplaced</a></li>  <li><a href="#event-onHistoryStateUpdated">onHistoryStateUpdated</a></li></ol></li>
                  <li><a href="#samples">Sample Extensions</a></li>
              </ol>
            </li>
          </ol>
        </div>

<p id="classSummary">
Use the <code>chrome.webNavigation</code> module to receive
notifications about the status of navigations requests in-flight.
</p>

<h2 id="manifest">Manifest</h2>
<p>
All <code>chrome.webNavigation</code> methods and events require you to declare
the "webNavigation" permission in the <a href="manifest.html">extension
manifest</a>.
For example:
</p>

<pre>{
  "name": "My extension",
  ...
  <b>"permissions": [
    "webNavigation"
  ]</b>,
  ...
}</pre>


<h2 id="examples">Examples</h2>

<p>
You can find simple examples of using the tabs module in the
<a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/api/webNavigation/">examples/api/webNavigation</a>
directory.
For other examples and for help in viewing the source code, see
<a href="samples.html">Samples</a>.
</p>

<h2 id="event_order">Event order</h2>
<p>
For a navigation that is successfully completed, events are fired in the
following order:
<pre>
onBeforeNavigate -&gt; onCommitted -&gt; onDOMContentLoaded -&gt; onCompleted
</pre>
</p>
<p>
Any error that occurs during the process results in an
<code>onErrorOccurred</code> event. For a specific navigation, there are no
further events fired after <code>onErrorOccurred</code>.
</p>
<p>
If a navigating frame contains subframes, its <code>onCommitted</code> is fired
before any of its children's <code>onBeforeNavigate</code>; while
<code>onCompleted</code> is fired after all of its children's
<code>onCompleted</code>.
</p>
<p>
If the reference fragment of a frame is changed, a
<code>onReferenceFragmentUpdated</code> event is fired. This event can fire any
time after <code>onDOMContentLoaded</code>, even after
<code>onCompleted</code>.
</p>
<p>
If the history API is used to modify the state of a frame (e.g. using
<code>history.pushState()</code>, a <code>onHistoryStateUpdated</code> event is
fired. This event can fire any time after <code>onDOMContentLoaded</code>.
</p>
<p>
If a navigation was triggered via <a
href="https://support.google.com/chrome/bin/answer.py?answer=177873">Chrome
Instant</a> or <a
href="https://support.google.com/chrome/bin/answer.py?answer=1385029">Instant
Pages</a>, a completely loaded page is swapped into the current tab. In that
case, an <code>onTabReplaced</code> event is fired.
</p>

<h2 id="relation_to_webRequest">Relation to webRequest events</h2>
<p>
There is no defined ordering between events of the <a
href="webRequest.html">webRequest API</a> and the events of the
webNavigation API. It is possible that webRequest events are still received for
frames that already started a new navigation, or that a navigation only
proceeds after the network resources are already fully loaded.
</p>
<p>
In general, the webNavigation events are closely related to the navigation
state that is displayed in the UI, while the webRequest events correspond to
the state of the network stack which is generally opaque to the user.
</p>

<h2 id="tab_ids">A note about tab IDs</h2>
<p>
Not all navigating tabs correspond to actual tabs in Chrome's UI, e.g., a tab
that is being pre-rendered. Such tabs are not accessible via the
<a href="tabs.html">tabs API</a> nor can you request information about them via
<code>webNavigation.getFrame</code> or <code>webNavigation.getAllFrames</code>.
Once such a tab is swapped in, an <code>onTabReplaced</code> event is fired and
they become accessible via these APIs.
</p>

<h2 id="timestamps">A note about timestamps</h2>
<p>
It's important to note that some technical oddities in the OS's handling
of distinct Chrome processes can cause the clock to be skewed between the
browser itself and extension processes. That means that WebNavigation's events'
<code>timeStamp</code> property is only guaranteed to be <i>internally</i>
consistent. Comparing one event to another event will give you the correct
offset between them, but comparing them to the current time inside the
extension (via <code>(new Date()).getTime()</code>, for instance) might give
unexpected results.
</p>

<h2 id="frame_ids">A note about frame and process IDs</h2>
<p>
Due to the multi-process nature of Chrome, a tab might use different processes
to render the source and destination of a web page. Therefore, if a navigation
takes place in a new process, you might receive events both from the new and
the old page until the new navigation is committed (i.e. the
<code>onCommitted</code> event is send for the new main frame). Because frame
IDs are only unique for a given process, the webNavigation events include a
process ID, so you can still determine which frame a navigation came from.
</p>
<p>
Also note that during a provisional load the process might be switched several
times. This happens when the load is redirected to a different site. In this
case, you will receive repeated <code>onBeforeNavigate</code> and
<code>onErrorOccurred</code> events, until you receive the final
<code>onCommitted</code> event.
</p>

<h2 id="transition_types">Transition types and qualifiers</h2>
<p>
The webNavigation API's <code>onCommitted</code> event has a
<code>transitionType</code> and a <code>transitionQualifiers</code> property.
The <em>transition type</em> is the same as used in the <a
href="history.html#transition_types">history API</a> describing how the browser
navigated to this particular URL. In addition, several <em>transition
qualifiers</em> can be returned that further define the navigation.
</p>
<p>
The following transition qualifiers exist:
</p>
<table>
<tr>
  <th> Transition qualifier </th> <th> Description </th>
</tr>
<tr>
  <td>"client_redirect"</td>
  <td>
    One or more redirects caused by JavaScript or meta refresh tags on the page
    happened during the navigation.
  </td>
</tr>
<tr>
  <td>"server_redirect"</td>
  <td>
    One or more redirects caused by HTTP headers sent from the server happened
    during the navigation.
  </td>
</tr>
<tr>
  <td>"forward_back"</td>
  <td>
    The user used the Forward or Back button to initiate the navigation.
  </td>
</tr>
<tr>
  <td>"from_address_bar"</td>
  <td>
    The user initiated the navigation from the address bar (aka Omnibox).
  </td>
</tr>
</table>
        <h2 id="apiReference">API Reference: chrome.webNavigation</h2>
        <div class="api_reference">
            <h3 id="methods">Methods</h3>
              <div>
                <h4 id="method-getFrame">getFrame</h4>
                <div class="summary lower">
                  <span>chrome.webNavigation.getFrame</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Retrieves information about the given frame. A frame refers to an &lt;iframe&gt; or a &lt;frame&gt; of a web page and is identified by a tab ID and a frame ID.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getFrame-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    Information about the frame to retrieve information about.  </dd>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the frame is.        </dd>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the frame in the given tab.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      The <em>callback</em> parameter should specify a function      that looks like this:</p><pre>function(object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    Information about the requested frame, null if the specified frame ID and/or tab ID are invalid.  </dd>  <dd>    <dl>      <div>        <a name="property-details-errorOccurred"></a>        <dt>          <span class="variable">errorOccurred</span>          <span class="property">            (                            <span id="typeTemplate">boolean</span>            )          </span>        </dt>        <dd>          True if the last navigation in this frame was interrupted by an error, i.e. the onErrorOccurred event fired.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The URL currently associated with this frame, if the frame identified by the frameId existed at one point in the given tab. The fact that an URL is associated with a given frameId does not imply that the corresponding frame still exists.        </dd>      </div>    </dl>  </dd></div></dl>
                </div>
              </div>
              <div>
                <h4 id="method-getAllFrames">getAllFrames</h4>
                <div class="summary lower">
                  <span>chrome.webNavigation.getAllFrames</span>(<span>object <span class="variable">details</span></span>)
                </div>
                <div class="description">
              <p>
                    Retrieves information about all frames of a given tab.
                  </p>    <h4>Parameters</h4>
                  <dl>
                    <div>  <a name="property-getAllFrames-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    Information about the tab to retrieve all frames from.  </dd>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab.        </dd>      </div>    </dl>  </dd></div>
                  </dl>
                  <h4>Callback function</h4><p>      The <em>callback</em> parameter should specify a function      that looks like this:</p><pre>function(array of object details) <span class="subdued">{...}</span>;</pre><dl>  <div>  <a name="property-callback-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (        <span class="optional">optional</span>        <span id="typeTemplate">array of object</span>      )    </span>  </dt>  <dd>    A list of frames in the given tab, null if the specified tab ID is invalid.  </dd></div></dl>
                </div>
              </div>
            <h3 id="events">Events</h3>
              <div>
                <h4 id="event-onBeforeNavigate">onBeforeNavigate</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onBeforeNavigate<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a navigation is about to occur.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onBeforeNavigate-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation is about to occur.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique for a given tab and process.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the browser was about to start the navigation, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onBeforeNavigate-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onCommitted">onCommitted</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onCommitted<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a navigation is committed. The document (and the resources it refers to, such as images and subframes) might still be downloading, but at least part of the document has been received from the server and the browser has decided to switch to the new document.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onCommitted-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-transitionType"></a>        <dt>          <span class="variable">transitionType</span>          <span class="property">            (                            <span id="typeTemplate">enumerated string ["link", "typed", "auto_bookmark", "auto_subframe", "manual_subframe", "generated", "start_page", "form_submit", "reload", "keyword", "keyword_generated"]</span>            )          </span>        </dt>        <dd>          Cause of the navigation. The same transition types as defined in the history API are used.        </dd>      </div>      <div>        <a name="property-details-transitionQualifiers"></a>        <dt>          <span class="variable">transitionQualifiers</span>          <span class="property">            (                            <span id="typeTemplate">array of enumerated string ["client_redirect", "server_redirect", "forward_back", "from_address_bar"]</span>            )          </span>        </dt>        <dd>          A list of transition qualifiers.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the navigation was committed, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onCommitted-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onDOMContentLoaded">onDOMContentLoaded</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onDOMContentLoaded<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the page's DOM is fully constructed, but the referenced resources may not finish loading.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onDOMContentLoaded-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the page's DOM was fully constructed, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onDOMContentLoaded-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onCompleted">onCompleted</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onCompleted<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a document, including the resources it refers to, is completely loaded and initialized.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onCompleted-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the document finished loading, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onCompleted-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onErrorOccurred">onErrorOccurred</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onErrorOccurred<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when an error occurs and the navigation is aborted. This can happen if either a network error occurred, or the user aborted the navigation.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onErrorOccurred-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-error"></a>        <dt>          <span class="variable">error</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The error description.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the error occurred, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onErrorOccurred-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onCreatedNavigationTarget">onCreatedNavigationTarget</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onCreatedNavigationTarget<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when a new window, or a new tab in an existing window, is created to host a navigation.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onCreatedNavigationTarget-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-sourceTabId"></a>        <dt>          <span class="variable">sourceTabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation is triggered.        </dd>      </div>      <div>        <a name="property-details-sourceProcessId"></a>        <dt>          <span class="variable">sourceProcessId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for the source tab.        </dd>      </div>      <div>        <a name="property-details-sourceFrameId"></a>        <dt>          <span class="variable">sourceFrameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the frame with sourceTabId in which the navigation is triggered. 0 indicates the main frame.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>        <dd>          The URL to be opened in the new window.        </dd>      </div>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the url is opened        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the browser was about to create a new view, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onCreatedNavigationTarget-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onReferenceFragmentUpdated">onReferenceFragmentUpdated</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onReferenceFragmentUpdated<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the reference fragment of a frame was updated. All future events for that frame will use the updated URL.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onReferenceFragmentUpdated-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-transitionType"></a>        <dt>          <span class="variable">transitionType</span>          <span class="property">            (                            <span id="typeTemplate">enumerated string ["link", "typed", "auto_bookmark", "auto_subframe", "manual_subframe", "generated", "start_page", "form_submit", "reload", "keyword", "keyword_generated"]</span>            )          </span>        </dt>        <dd>          Cause of the navigation. The same transition types as defined in the history API are used.        </dd>      </div>      <div>        <a name="property-details-transitionQualifiers"></a>        <dt>          <span class="variable">transitionQualifiers</span>          <span class="property">            (                            <span id="typeTemplate">array of enumerated string ["client_redirect", "server_redirect", "forward_back", "from_address_bar"]</span>            )          </span>        </dt>        <dd>          A list of transition qualifiers.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the navigation was committed, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onReferenceFragmentUpdated-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onTabReplaced">onTabReplaced</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onTabReplaced<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the contents of the tab is replaced by a different (usually previously pre-rendered) tab.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onTabReplaced-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-replacedTabId"></a>        <dt>          <span class="variable">replacedTabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab that was replaced.        </dd>      </div>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab that replaced the old tab.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the replacement happened, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                </div>
              </div>
              <div>
                <h4 id="event-onHistoryStateUpdated">onHistoryStateUpdated</h4>
                <div class="summary">
                  <span class="subdued">chrome.webNavigation.</span>onHistoryStateUpdated<span class="subdued">.addListener</span>(function(<span>object <span class="variable">details</span></span>)<span class="subdued"> {...}</span>);
                </div>
                <div class="description">
              <p>
                    Fired when the frame's history was updated to a new URL. All future events for that frame will use the updated URL.
                  </p>      <h4>Listener Parameters</h4>
                    <dl>
                      <div>  <a name="property-onHistoryStateUpdated-details"></a>  <dt>    <span class="variable">details</span>    <span class="property">      (                <span id="typeTemplate">object</span>      )    </span>  </dt>  <dd>    <dl>      <div>        <a name="property-details-tabId"></a>        <dt>          <span class="variable">tabId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the tab in which the navigation occurs.        </dd>      </div>      <div>        <a name="property-details-url"></a>        <dt>          <span class="variable">url</span>          <span class="property">            (                            <span id="typeTemplate">string</span>            )          </span>        </dt>      </div>      <div>        <a name="property-details-processId"></a>        <dt>          <span class="variable">processId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          The ID of the process runs the renderer for this tab.        </dd>      </div>      <div>        <a name="property-details-frameId"></a>        <dt>          <span class="variable">frameId</span>          <span class="property">            (                            <span id="typeTemplate">integer</span>            )          </span>        </dt>        <dd>          0 indicates the navigation happens in the tab content window; a positive value indicates navigation in a subframe. Frame IDs are unique within a tab.        </dd>      </div>      <div>        <a name="property-details-transitionType"></a>        <dt>          <span class="variable">transitionType</span>          <span class="property">            (                            <span id="typeTemplate">enumerated string ["link", "typed", "auto_bookmark", "auto_subframe", "manual_subframe", "generated", "start_page", "form_submit", "reload", "keyword", "keyword_generated"]</span>            )          </span>        </dt>        <dd>          Cause of the navigation. The same transition types as defined in the history API are used.        </dd>      </div>      <div>        <a name="property-details-transitionQualifiers"></a>        <dt>          <span class="variable">transitionQualifiers</span>          <span class="property">            (                            <span id="typeTemplate">array of enumerated string ["client_redirect", "server_redirect", "forward_back", "from_address_bar"]</span>            )          </span>        </dt>        <dd>          A list of transition qualifiers.        </dd>      </div>      <div>        <a name="property-details-timeStamp"></a>        <dt>          <span class="variable">timeStamp</span>          <span class="property">            (                            <span id="typeTemplate">double</span>            )          </span>        </dt>        <dd>          The time when the navigation was committed, in milliseconds since the epoch.        </dd>      </div>    </dl>  </dd></div>
                    </dl>
                    <h4>Filters</h4>
                    <dl>
                      <div>  <a name="property-onHistoryStateUpdated-url"></a>  <dt>    <span class="variable">url</span>    <span class="property">      (                <span id="typeTemplate">array of <a href="events.html#type-UrlFilter">events.UrlFilter</a></span>      )    </span>  </dt>  <dd>    Conditions that the URL being navigated to must satisfy. The 'schemes' and 'ports' fields of UrlFilter are ignored for this event.  </dd></div>
                    </dl>
                </div>
              </div>
        </div>
          <h2 id="samples">Sample Extensions that use chrome.webNavigation</h2>
            <li><strong><a href="samples.html#0837f59976e148ed9922266e1de6c29f">WebNavigation Tech Demo</a></strong> &ndash;
            Demonstration of the WebNavigation extension API.
        </li>
            <li><strong><a href="samples.html#5139d19c542e2188a42418c27c9cdd5b">Google Mail Checker</a></strong> &ndash;
            Displays the number of unread messages in your Google Mail inbox. You can also click the button to open your inbox.
        </li>
      </div>
    </div>
  </body>
  <script>
    window.bootstrap = {
      api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
          [{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
      branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
    };
  </script>
  <div id="gc-footer">
    <div class="text">
      <p>
        Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
        the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
        Attribution 3.0 License</a>, and code samples are licensed under the
        <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
      </p>
      <p>
        ©2012 Google
      </p>
      <script src="stable/static/js/branch.js" type="text/javascript"></script>
      <script src="stable/static/js/sidebar.js" type="text/javascript"></script>
      <script src="stable/static/js/prettify.js" type="text/javascript"></script>
      <script>
        (function() {
          // Auto syntax highlight all pre tags.
          var preElements = document.getElementsByTagName('pre');
          for (var i = 0; i < preElements.length; i++)
            preElements[i].classList.add('prettyprint');
          prettyPrint();
        })();
      </script>
      <div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
  
    </div>
  </div>
</html>
